module.exports = {
    devServer: {
        open: true,
        port: 8878
    },
    chainWebpack: config => {

        // 生产上线模式
        config.when(process.env.NODE_ENV === 'production', config => {
            // 分配不同的main入口文件
            config.entry('app').clear().add('./src/main-prod.js')
            // 生产上线,在主页index.html中,引用外部包资源,不将本地的打包
            config.set('externals', {
                vue: 'Vue',
                'vue-router': 'VueRouter',
                axios: 'axios',
                lodash: '_',
                echarts: 'echarts',
                nprogress: 'NProgress',
                'vue-quill-editor': 'VueQuillEditor'
            })

            // 根据不同的开发环境 为首页定制内容
            config.plugin('html').tap(args => {
                args[0].isProd = true
                return args
            })
        })

        // 开发模式
        config.when(process.env.NODE_ENV === 'development', config => {
            // 分配不同的main入口文件
            config.entry('app').clear().add('./src/main-dev.js')

            // 根据不同的开发环境 为首页定制内容
            config.plugin('html').tap(args => {
                args[0].isProd = false
                return args
            })
        })
    }
}